<!--  -->
<template>
  <div class='user-page'>
    <c-title text="赛事报名" :hide="false" ></c-title>
    <div class="user-info">
      <div class='userInfo flex-a-c'>
        <van-image
          width="50px"
          height="50px"
          :src="userInfo.avatar_image"
          round
        />
        <div class="user-member">
          <h3>{{userInfo.nickname}}</h3>
        </div>
      </div>
      <div class="mb-18"></div>
      <nav-list :navList="navList"></nav-list>
      
    </div>
  </div>
</template>

<script>
import gameUser_controller from './gameUser_controller';
export default gameUser_controller;
</script>
<style lang="scss" scoped>
/* @import url(); 引入公共css类 */
.mb-18 {
    height: 1.125rem;
    clear: both;
  }
  .user-page {
    height: auto;
    min-height: 100vh;
    background-image: linear-gradient(var(--themeBaseColor) 0%,var(--themeBaseColor) 8.75rem, #F5F5F5 11.625rem, #F5F5F5 100%);
    // background-image: linear-gradient(var(--themeBaseColor) 0%,var(--themeBaseColor) 6.25rem, #F5F5F5 9.125rem, #F5F5F5 100%);
    .user-info {
      margin:0rem 0.75rem;
      padding:1.4375rem 0 0 0;
      .userInfo {
        padding: 0 0 0 0.3125rem;
        .user-member {
          text-align: left;
          padding:0 0 0 0.5625rem;
          h3 {
            font-size: 1.125rem;
            font-weight: bold;
            color: #FFFFFF;
            line-height: 1.125rem;
            padding: 0 0 0.375rem 0;
          }
          .tag {
            font-size: 0.75rem;
            line-height: 0.75rem;
            min-width: 4.75rem;
            color:#fff;
            box-sizing: border-box;
            // line-height: 1.0625rem;
            background: rgba($color: #ffffff, $alpha: 0.3);
            padding:0.3125rem 0.6875rem;
            border-radius: 0.9375rem 0.9375rem 0.9375rem 0.9375rem;
          }
        }
      }
    }
    
    .empty {
      background: #FFFFFF;
      border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
      padding:1.375rem 0.75rem;
    }
  }
</style>